<template>
  <view class="content">
    <text style="font-size:50rpx; ">子组件A</text>
    <view class="coma_box">
      <text>父组件传进来的值: </text>
      <text style="font-weight: bold;color: red;">{{intent}}</text>
    </view>
    <button style="width: 40%;height: 80rpx;line-height: 80rpx; margin-top: 20rpx;font-size: 24rpx;" type="primary" @click="sendData()">传值给CompB组件</button>
  </view>
</template>

<script>
export default {
  props: ['intent'], // 接收父页面的intent
  methods: {
    sendData() {
      // 触发自定义事件，把数据传给父页面11
      this.$emit('sendToCompB', this.intent)
    }
  }
}
</script>
<style scoped>
.comp-a {
  padding: 20rpx 0;
}

/* 组件标题 */
.comp-title {
  font-size: 32rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 20rpx;
}

/* 数据项样式 */
.data-item {
  font-size: 28rpx;
  color: #666;
  margin-bottom: 25rpx;
}
.data-value {
  color: #e53935; /* 清晰的红色 */
  font-weight: bold;
}

/* 按钮样式 */
.send-btn {
  width: 100%;
  height: 70rpx;
  line-height: 70rpx;
  background-color: #2196f3;
  color: #fff;
  border-radius: 8rpx;
  font-size: 28rpx;
}
</style>